<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <ul id = 'list'></ul>
  <script>
    let persons = [
      {id:'001', name: 'zhangsan', gender:'male'},
      {id:'002', name: 'lisi', gender:'female'},
    ];
    let str = '';
    persons.forEach((person) => {
      str += `<li>${person.name}:${person.gender}</li>`;
    });
    document.getElementById('list').innerHTML = str;
  </script>
</body>
</html>